<script>
import addressConfig from '../config/address';

export default {
  name: 'Footer',
  data() {
    return {
      addressConfig
    }
  }
}
</script>

<template>
  <footer class="footer bg-dark text-light py-4">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <h4>联系我们</h4>
          <p>联系电话：{{ addressConfig.phone }}</p>
          <p>联系邮箱：{{ addressConfig.email }}</p>
          <p>公司地址：{{ addressConfig.address }}</p>
          <p>1688直营店铺：<a href="https://shop0482454464034.1688.com/?spm=a2615.7691456.wp_pc_common_topnav.0" target="_blank" style="text-decoration: none;">点击访问</a></p>
        </div>
        <div class="col-md-4">
          <h4>关注我们</h4>
          <div class="qr-code-container">
            <div class="qr-code-item">
              <img src="https://img1.hijs.cc/xubai/images/qr-code1.jpg" alt="联系我们">
              <p>联系我们</p>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <p>© 2025 沧县旭佰塑料制品厂 版权所有</p>
      </div>
    </div>
  </footer>
</template>

<style scoped>
.footer {
  margin-top: 60px;
}

.qr-code-container {
  display: flex;
  gap: 20px;
  margin-top: 15px;
}

.qr-code-item {
  text-align: center;
}

.qr-code-item img {
  width: 100px;
  height: 100px;
  margin-bottom: 8px;
}

.footer-bottom {
  margin-top: 30px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
}
</style>
